<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>搜索表单</title>
    <link rel="stylesheet" href="/css/Loading.css">
</head>
<body>
<h1 align="center">商品列表</h1>
<hr>
<table border="0" style="width: 100%">
    <thead>
    <tr>
        <th>编号</th>
        <th>名称</th>
        <th>单价</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody id="list"></tbody>
</table>
<button onclick="Ajax_list()">加载数据</button>
<select name="listNum" id="listNum">
    <option value="5">5行</option>
    <option value="10" selected>10行</option>
    <option value="20">20行</option>
    <option value="30">30行</option>
</select>
<div id="Pg">
    页数：<input type="text" style="width: 20px" value="1" disabled>
    <button id="PgDn">下一页</button>
    <button id="PgUp" disabled="ture">上一页</button>
</div>

</body>
<script src="./js/main.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script>
    Remove();
    Package_Select();
    $(window).on('load', function () {
        Ajax_list();
    })
</script>
</html>